<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/Mobile.css" rel="stylesheet" type="text/css">
<!-- 
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build 
-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/respond.min.js"></script>
<link href="css/flickerplate.css"  type="text/css" rel="stylesheet">
<!--Required libraries-->
<script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
<script src="js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
<script src="js/min/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
<!--Include flickerplate-->
<script src="js/min/flickerplate.min.js" type="text/javascript"></script>
<!--Execute flickerplate-->
<script>
	$(document).ready(function(){
		
		$('.flicker-example').flicker();
		
	});
	
	function showSubMap(yPosition)
	{
	    $('.map').css("background-position", yPosition);
	}
	</script>
<script type="text/javascript">
			$(function() {

				$('#carousel ul').carouFredSel({
					prev: '#prev',
					next: '#next',
					pagination: "#pager",
					scroll: 1000
				});
	
			});
		</script>
</head>
<body>
<div class="gridContainer">
  <div class="logo"><img src="images/BgTop.png" alt=""/></div>
</div>
<div class="gridContainer">
  <div class="flicker-example" data-block-text="false">
    <ul>
      <li data-background="images/pic-1.jpg"></li>
      <li data-background="images/pic-2.jpg"></li>
      <li data-background="images/pic-3.jpg"></li>
      <li data-background="images/pic-4.jpg"></li>
      <li data-background="images/pic-5.jpg"></li>
    </ul>
  </div>
</div>
<div class="gridContainer01 gridContainer">
  <h2 class="headingStyle">目的地搜索</h2>
  <div class="search"><input type="text" class="searchInput" value="目的地"></div>
</div>
<div class="gridContainer01 gridContainer">
  <h2 class="headingStyle">欧玛贝独创</h2>
  <div class="pic"><img src="images/images-1.jpg" alt=""/></div>
  <div class="TextDescribe font18">小小世界，大大梦想——妈咪宝贝欢乐暑期之旅</div>
</div>
<div class="marginT20 borderBottom"></div>
<div class="gridContainer01 gridContainer">
  <h2 class="headingStyle">专属定制师</h2>
  <div class="marginT20">
  <div style="overflow:hidden;">
    	<div class="floatL CustomDivision">
    		<ul>
            	<li class="padding20">ROSA</li>
                <li><a href="#" onClick="document.getElementById('CustomDivisionDescribe01').style.display='block';document.getElementById('CustomDivisionDescribe02').style.display='none';document.getElementById('CustomDivisionDescribe03').style.display='none'"><img src="images/PicCustom.png" alt=""/></a></li>
            </ul>
    	</div>
    	<div class="floatL CustomDivision">
    		<ul>
            	<li class="padding20">ROSA</li>
                <li><a href="#" onClick="document.getElementById('CustomDivisionDescribe01').style.display='none';document.getElementById('CustomDivisionDescribe02').style.display='block';document.getElementById('CustomDivisionDescribe03').style.display='none'"><img src="images/PicCustom.png" alt=""/></a></li>
            </ul>
    	</div>
    	<div class="floatL CustomDivision">
    		<ul>
            	<li class="padding20">ROSA</li>
                <li><a href="#" onClick="document.getElementById('CustomDivisionDescribe01').style.display='none';document.getElementById('CustomDivisionDescribe02').style.display='none';document.getElementById('CustomDivisionDescribe03').style.display='block'"><img src="images/PicCustom.png" alt=""/></a></li>
            </ul>
    	</div>
        </div>
        <div class="clear"></div>
      <div id="CustomDivisionDescribe01" class="CustomDivisionDescribe marginT10">
        	<div class="triangle"></div>
            <div class="content">我曾经的梦想是周游世界，但是现在只想在一个个安静美好的地方虚度时光。交当地的朋友，吃着当地的美食，用心体会生命中真正的美好。</div>
        </div>
      <div id="CustomDivisionDescribe02" class="CustomDivisionDescribe marginT10">
        	<div class="triangle"></div>
            <div class="content">我曾经的梦想是周游世界，但是现在只想在一个个安静美好的地方虚度时光。交当地的朋友，吃着当地的美食，用心体会生命中真正的美好。</div>
        </div>
      <div id="CustomDivisionDescribe03" class="CustomDivisionDescribe marginT10">
        	<div class="triangle"></div>
            <div class="content">我曾经的梦想是周游世界，但是现在只想在一个个安静美好的地方虚度时光。交当地的朋友，吃着当地的美食，用心体会生命中真正的美好。</div>
        </div>
        
    </div>
</div>
<div class="marginTB20 borderBottom"></div>
<div class="bottomNav"><div class="Nav"><a href="#" class="Nav01current"></a><a href="#" class="Nav02"></a><a href="#" class="Nav03"></a><a href="#" class="Nav04"></a></div></div>
</body>
</html>
